<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import Vue from 'vue'
import store from './store'
import topline from './components/topline'
import leftnav from './components/leftnav'
import vmain from './components/main/main'
import sheet from './components/sheet/sheet'
import vaudio from './components/audio'
import asong from './components/asong/asong'
import login from './components/login/login'
export default {
  name: 'App',
  components: {
    topline,
    leftnav,
    vmain,
    sheet,
    vaudio,
    asong,
    // login,
 
  },
  data(){
    return{
      search:'',
    }
  },
  // methods:{
  //   searchapp(item){
  //     this.search=item;
  //     console.log(this.search)
  //   },

  // }
}
</script>

<style>
#app {
     position: relative;
     left: -10px;
     width: 120%;
     height: 740px;
     background-image: linear-gradient(#222031, #000);
     background-position: -50%;
}
</style>
